@color: #00bc9c;
@hover-color: #0dc7a7;
// .dwhx, .cshx, .fwshx{
//     padding: 0 0 80px 0;
//     background-color: #ffffff;    
//     &.dwhx{
//         .banner{
//             width: 100%;  
//             position: relative;  
//             overflow: hidden;  
//             height: 443px; 
//             background: url(../../../static/images/banner13.jpg) no-repeat;
//             background-size: cover;
//             -webkit-background-size: cover;
//             -o-background-size: cover;
//             background-position: center 0;        
//         }
//     }
//     &.cshx{
//         .banner{
//             width: 100%;  
//             position: relative;  
//             overflow: hidden;  
//             height: 443px; 
//             background: url(../../../static/images/banner15.jpg) no-repeat;
//             background-size: cover;
//             -webkit-background-size: cover;
//             -o-background-size: cover;
//             background-position: center 0;        
//         }
//     }   
//     &.fwshx{
//         .banner{
//             width: 100%;  
//             position: relative;  
//             overflow: hidden;  
//             height: 443px; 
//             background: url(../../../static/images/banner14.jpg) no-repeat;
//             background-size: cover;
//             -webkit-background-size: cover;
//             -o-background-size: cover;
//             background-position: center 0;        
//         }
//     }           
//     .center{
//         max-width: 1200px;
//         margin: 0 auto;
//         overflow: hidden;        
//     }    
// }
#app{
    .talent-info{
        .center{
            max-width: 1200px;
            overflow: hidden;
            margin: 0 auto;
            .overflow{
                overflow: hidden;
                position: relative;
            }
            .name{
                float: left;
                width: 212px;
                text-align: center;
                img{
                    width: 210px;
                    height: 210px;
                    border-radius: 50%;
                }
                h1{
                    color: #000000;
                    font-size: 40px;
                    margin: 33px 0 10px 0;
                }
                p{
                    font-size: 22px;
                    color: #000000
                }
            }
            .info{
                position: relative;
                margin: 0 200px 0 300px;
                h1{
                    font-size: 20px;
                    color: #000000;
                }
                p{
                    font-size: 16px;
                    margin: 20px 0;
                    overflow: hidden;
                    span{
                        float: left;
                        &:first-child{
                            display: block;
                            width: 120px;
                            float: left;
                        }
                    }
                }
            }
            .skill{
                position: absolute;
                right: 0;
                top: 0;
            }
            .type,.context{
                width: 100%;
                overflow: hidden;
                margin: 100px 0 0 ;
                ul{
                    border-bottom: 1px solid #f2f2f2;
                    overflow: hidden;
                    li{
                        float: left;
                        width: 173px;
                        height: 61px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: #000101;
                        font-size: 16px;
                        cursor: pointer;
                        i{
                            display: block;
                            margin: 0 12px 0 0;
                            background: url(../../../static/images/common.png) no-repeat;
                            &.sjtb{
                                width: 26px;
                                height: 28px;
                                background-position: -400px -16px;
                            }
                            &.ldjb{
                            width: 24px;
                            height: 25px;
                            background-position: -462px -15px;
                        }
                        &.aqxw{
                            width: 28px;
                            height: 24px;
                            background-position: -522px -15px;
                        }
                    }
                    &.active{
                        color: @color;
                        background-color: #fff;
                        border-bottom: 3px solid @color;
                        i{
                                &.sjtb{
                                    background-position: -432px -16px;
                                }
                                &.ldjb{
                                    background-position: -491px -14px;
                                }
                                &.aqxw{
                                    background-position: -562px -15px;
                                }
                        }
                    }
                    &:hover{
                        background: none;
                    }                    
                    }
                }      
                &.context{
                    margin: 30px 0;
                    ul{
                        border: none;
                        li{
                            width: 100%;
                            height: auto;
                            overflow: hidden;
                            color: #000000;
                            overflow: hidden;
                            display: block;
                            h1{
                                font-size: 14px;
                                font-weight: bold;
                                margin: 0 0 10px 0;
                                text-align: left;
                                line-height: 2em;
                            }
                            p{
                                font-size: 12px;
                                color: #3e3a39;
                                text-align: left;
                                margin: 0;
                                line-height: 2em;
                            }
                        }
                    }
                }      
            }
            .work{
                width: 100%;
                overflow: hidden;
                ul{
                    li{
                        width: 100%;
                        overflow: hidden;
                        border-bottom: 1px solid #f2f2f2;
                        line-height: 45px;
                        span{
                            display: block;
                            width: 60%;
                            float: left;
                            &:first-child,&:last-child{
                                width: 20%;
                            }
                        }
                        &.none{
                            span{
                                font-weight: bold;
                            }
                        }
                    }
                }
            }
        }
    }
}